import React from 'react'
import {Icon, Row, Col} from 'antd'
import '../../../less/index.less'
import '../../../less/tutor/section-list.less'
import * as status from '../../../constant/section-status-color'
import { FormattedMessage } from 'react-intl'

const StatusIconBox = (completeName) => {
  return <div className='margin-b-4'>
    <Row>
      <Col >
        <a onClick={() => window.history.back()}><Icon type='arrow-left' /><FormattedMessage id='返回上一页' /></a>
      </Col>
      <Col push={5} span={6}>
        By {completeName.completeName}
      </Col>
      <Col push={5} span={18} >

        {
                  status.mapToIcon.map((item, index) => {
                    return <span className='status-star' key={index}>
                      <Icon type='star' theme='filled' style={{fontSize: 30, color: item.color}} />
                      {<FormattedMessage id={item.type} />}
                    </span>
                  })
              }
      </Col>
    </Row>
  </div>
}

export default StatusIconBox
